<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    
    <title>商家详情</title>
    <link rel="shortcut icon" href="./images/logo.ico" type="image/x-icon"/>
    <script src="./js/sethtmlfontSize.js"></script>
    <link rel="stylesheet" href="./css/shopDetail.css">
    <link rel="stylesheet" href="./css/common.css">
</head>
<body>
    <!--头部-->
    <header class="header">
        <div class="header-left">
            <i></i>
        </div>
        <div class="header-center">
            <span id="shopName">商家详情</span>
        </div>
        <div class="header-right">
        </div>
        <div class="clears"></div>
    </header>
    <!--商家头部信息-->
    <div class="shopDetail">
        <div class="shopD-bg">
            <div class="bg-shadow">
            </div>
            <div class="bg-info">
                <div class="info-img l">
                    <img src="" alt="">
                </div>
                <div class="info-det l">
                    <h3 class="shop-name"></h3>
                    <!--地址-->
                    <div id="address-detail" class="address-detail details">
                        <div class="address-detail-l">
                            <img src="./images/addr.png" alt="">
                            <span class="det-s"><span>地址:</span><span class="address " data-addr=""></span></span> 
                        </div>
                        <img src="./images/reg_b.png" class="reg_back_img">
                        <div class="clears"></div>
                    </div>
                    <div class="clears"></div>
                     <!--电话-->
                    <div class="tel-detail">
                        <img src="./images/phone.png" alt="">
                        <span  class="det-s">电话:</span>
                        <i class="tel phoneNo"></i>
                    </div>
                </div>
                <!--认证标签-->
                <div class="info-tag">
                    <p class="unreg show">商家暂未认证</p>
                     <!--配送,支付-->
                    <div class="distri-pay">
                       <i></i>
                    </div>   
                </div>    
            </div>
        </div> 
        <!--tab切换-->
        <div class="shopD-tab">
            <div data-val="products" class="tabs l ">商品</div>
            <div data-val="shops" class="tabs l bott-line">商家</div>
        </div>
        <!--阴影-->
        <div class="zwl-pay">
         <div class="zwl-cover">
            <div class="zwl-font">
             <p class="zwl-shopname"></p>
             <div class="zwl-hr">
                 <hr class="zwl-l">
                 <span class="zwl-shopspan">商家信息</span>
                 <hr class="zwl-r">
             </div>
             <div class="zwl-pp">
                
             </div>
             <div class="zwl-closep">
                <img src="./images/zwl_close.png" alt="">
             </div>
             </div>
         </div> 
     </div>
    </div>
    <!--产品-->
    <div class="products details hide">
         <!--商品列表-->
        <div class="goods-lists">
        </div>       
    </div>

    <!--商家-->
    <div class="shops details show">
            <div class="shops-imgs">
                <h3 class="imgs-header">
                    商家实景（原店铺招牌）
                </h3>
                <div class="imgs-det">
                    <img src="" alt="">
                    <img src="" alt="">
                    <img src="" alt="">
                    <img src="" alt="">
                </div>
            </div>
            <div class="shops-reg-imgs">
                <h3 class="reg-imgs-header">商家认证资料</h3>
                <div class="reg-imgs-det">
                    <div class="img-center">未认证</div>
                </div>
            </div>    
            <!--店铺详情-->
            <div class="shop-detail">
                <h3 class="shop-detail-head">商家简介</h3>
                <div id="address-detail" class="address-detail details">
                    <div class="address-detail-l">
                        <img src="./images/address.png" alt="">
                        <span class="det-s"><span>地址:</span><span class="address " data-addr=""></span></span>

                    </div>
                    <div class="address-detail-r">
                        <img class="reg_back_img" src="./images/reg_back.png" alt=""> 
                    </div>
                    <div class="clears"></div>
                </div>
                <div class="time-detail details">
                    <img src="./images/time_icon.png" alt="">
                    <span class="det-s">营业时间:</span>
                    <i class="work-time"></i>
                </div>

                <div class="tel-detail details">
                    <img src="./images/phone_icon.png" alt="">
                    <span  class="det-s">电话:</span>
                    <i class="tel phoneNo"></i>
                </div>

                <div class="stat-detail">
                    <ul class="stat-ul">
                        <li class="num-collect">
                            <span class="num-top"></span>
                            <span class="num-bottom">收藏人数</span>
                            <i></i>
                        </li>
                        <li class="num-visit">
                            <span class="num-top"></span>
                            <span class="num-bottom">浏览数</span>
                            <i></i>
                        </li>
                        <li class="num-goods">
                            <span class="num-top"></span>
                            <span class="num-bottom">商品数</span>
                        </li>
                    </ul>
                </div>
            </div>
            <!--店铺介绍-->  
            <div class="shop-intro">
                <h3>店铺介绍:</h3>
                <p class="s-intro"></p>
            </div>
    </div>
    <!--未登录提示信息-->
    <div class="zwl-zwl">未登录</div>
    <!--电话,消息-->
    <footer class="tel-message">
        <div class="collects l collect-btn">
            <img src="./images/collect02.png" alt="">
        </div>
        <div id="message" class="message commons l">
            <img src="./images/xiaoxi_icon.png" alt="">
            <a class="mess-span" href="">发消息</a>
        </div>
        <div id="tel" class="tel commons r">
            <img src="./images/dianhua_icon.png" alt="">
            <a class="tell-span" href="">打电话</a>
        </div>
    </footer>
</body>

<script src="./js/jquery-1.7.2.min.js"></script>
<script src="./js/TouchSlide.1.1.source.js"></script>
<script src="./js/pub_page.js"></script>
<script>
    $(".header-left i").on("click",function(){
        history.back(-1);
    });
    $(".shopD-tab .tabs").on("click",function(){
        var val=$(this).attr("data-val");
        console.log("aas"+val);
        $(this).addClass("bott-line").siblings().removeClass("bott-line");
        $("."+val).addClass("show").removeClass("hide").siblings(".details").addClass("hide").removeClass("show");
    });
</script>
<script src="./js/shopDetail.js"></script>

</html>